import React from 'react'
import "./index.css"
import Item from './Item'

export default function List({ todoList , setTodoList}) {
  return (
    <ul className="todo-main">
      {
        todoList.map(item =>{
          return <Item key = {item.id} {...item}  todoList = {todoList} setTodoList = {setTodoList}/>
        })
      }
    </ul>
  )
}
